<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS技术</title>
		<link rel="stylesheet" href="css/tyust.css"/>
		<!-- 字体样式 -->
		<!-- <style>
			div {
				font-size: 130px; 
				color:red;
			}
		</style> -->
		<style>
			span{
				font-size: 10px;
			}
			.p2{
				font-size: 50px;
				color: #FF7F00;
			}
			.s1{
				color: aquamarine;
			}
			#firstDiv{
				color: aqua;
				font-size: 1.875rem;
				
			}
			#div2{
				color: red;
				font-size: 3.125rem;
			}
		</style>
	</head>
	<body>
		<div>
			太原科技大学物联网工程
			<span style="color: #FF7F00;">6-30位字母数字</span>
		</div>
		<h2>class选择器</h2>
		<p>这是一个段落</p>
		<p class="p2">这是第二个段落</p>
		<span class="s1">这是一个提示</span>
		<h2>id选择器</h2>
		<div id="firstDiv">Java研发工程师</div>
		<div id="secondDiv">Java大数据开发工程师</div>
	</body>
</html>